<template>
  <div class="program-basic-info" id="program-basic-info">
    <!-- 项目基本信息 -->
    <div class="basic-info">项目基本信息</div>

    <a-row type="flex" justify="space-around">
      <a-col :span="4">
        <div style="position: relative">项目名称：xxxxxxxxxxx项目</div>
        <div class="program-tips">
          <i class="iconfont icon-jinggao" style="font-size: 12px"></i>
          疑似重复立项
        </div>
      </a-col>
      <a-col :span="6"> 项目编号：xm23231 </a-col>
      <a-col :span="4">
        <a-space :size="5">
          <span>项目状态：</span>
          <a-select
            default-value="lucy"
            size="small"
            style="width: 120px"
            @change="handleChange"
          >
            <a-select-option value="jack"> Jack </a-select-option>
            <a-select-option value="lucy"> Lucy </a-select-option>
          </a-select>
        </a-space>
      </a-col>
      <a-col :span="4">
        <a-space :size="5">
          <span>项目状态：</span>
          <a-select
            size="small"
            default-value="lucy"
            style="width: 120px"
            @change="handleChange"
          >
            <a-select-option value="jack"> Jack </a-select-option>
            <a-select-option value="lucy"> Lucy </a-select-option>
          </a-select>
        </a-space>
      </a-col>
    </a-row>
    <a-row type="flex" justify="space-around" style="margin-top: 20px">
      <a-col :span="4"> 项目负责人：张三 </a-col>
      <a-col :span="6"> 项目周期：2020-01至2021-01 共365天 </a-col>
      <a-col :span="4"> 项目类型：xxxxxxx</a-col>
      <a-col :span="4"> 更多：xxxxx </a-col>
    </a-row>

    <a-divider />
    <!-- 项目进度&项目成本使用度 -->
    <program-process ref="programProcessRef" />
  </div>
</template>

<script>
import ProgramProcess from "./components/program-process";
export default {
  name: "program-basic-info",
  components: {
    ProgramProcess,
  },
  data() {
    return {};
  },
  methods: {
    handleChange() {},
  },
};
</script>
<style lang="less" scoped>
.program-basic-info {
  font-size: 15px;
  .basic-info {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .program-tips {
    position: absolute;
    left: 30px;
    bottom: -15px;
    color: #e62929;
    font-size: 12px;
    width: 200px;
    z-index: 200;
  }
}
</style>